<template>
  <div>
    <h2>我是About的内容</h2>
  </div>
</template>

<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "About",
  //第二个注意点！！
  //当切换路由时，组件是频繁被销毁和挂载的，后期可以配置为不销毁
  mounted() {
    //第三个注意点！！
    //每个组件都有自己的 $route 属性，存储自己的路由信息
    //整个应用只有一个router（路由器），可通过组件的 $router 获取到并使用
    //console.log("About组件挂载完毕了", this);
  },
  beforeDestroy() {
    //console.log("About组件即将被销毁了");
  },
};
</script>

